<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<div id="app">
			<table border="1px" cellspacing="0px" cellpadding="0px">
				<tr>
					<th>变量</th>
				</tr>
				
				
				<!-- v-for进行数组的循环，item是当前元素，arr是数组
					 v-for会赋值当前元素标签和标签中的内突
				 -->
				<tr v-for="item in array">
					<td v-text="item"></td>
				</tr>
			</table>
		</div>
		
		<script src="../js/vuejs-2.5.16.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			const vue = new Vue({
				el: "#app",
				data: {
					array: [11,22,33,44,55]
				}
			})
		</script>
	</body>
</html>
